<template>
	<div class="competition-content">
		<van-nav-bar title="海南文创大赛">
			<!-- <template #left><van-icon name="arrow-left" size="18" color="#333" /></template> -->
		</van-nav-bar>
		<FloatBall @click="jumpToSignUp"></FloatBall>
	</div>
</template>

<script setup>

import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
import api from "@/utils/request";
import FloatBall from '@/components/FloatBall.vue'

// api
// 	.login({
// 		username: "admin",
// 		password: "123456 p",
// 	})
// 	.then(res => {
// 		console.log(res);
// 	});

function jumpToSignUp () {
	router.push('/competition/hainan/signUp')
}
</script>

<style>
body {
	background-color: #f8f8f8;
}
</style>
<style lang="scss" scoped>
.competition-content {
	max-width: 768px;
	margin: 0 auto;
	min-height: 100vh;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
}
</style>
